.middleLeft_container {
  //margin: 24px;
  height: 3.75rem;
  margin-left: 0.125rem;
  margin-right: 0.0833rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .nav {
    //margin-bottom: 10px;
    height: 0.875rem;
    .top {
      width: 1rem;
      height: 0.2083rem;
      background: rgba(115, 248, 250, 0.15);
      backdrop-filter: blur(10px);
      display: flex;
      align-items: center;

      img {
        width: 0.078125rem;
        height: 0.078125rem;
        margin-right: 0.078125rem;
        padding-left: 0.1302rem;
      }

      .text {
        font-size: 0.1042rem;
        font-weight: normal;
        line-height: 0.1042rem;
        color: #FFFFFF;
      }
    }

    .content {
      width: 1rem;
      height: 0.6667rem;
      opacity: 1;
      background: linear-gradient(90deg, rgba(0,117,255,0.20) -46%, rgba(255, 255, 255, 0.00) 57%);
      box-shadow: inset 0px 0px 46px 5px rgba(115, 248, 250, 0.2);
      display: flex;
      justify-content: space-around;

      .total {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .title {
          font-size: 0.0833rem;
          font-weight: normal;
          line-height: 0.0833rem;
          color: #FFFFFF;
          //margin-top: 32px;
          //margin-bottom: 25px;
          margin-bottom: 0.15625rem;
        }

        .number {
          font-size: 0.125rem;
          font-weight: bold;
          line-height: 0.125rem;
          color: #FFFFFF;
        }
      }
    }
  }
}